<script type="text/javascript">
	/* ---------- Datable ---------- */
	$(document).ready(function(){
		$('.datatable').dataTable({
			"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
			"sPaginationType": "bootstrap",
			//Ordena las filas por el valor de la columna n de forma ascendente o descendente. La columna inicial es la 0
			"aaSorting": [[ 3, "desc" ]],
			"oLanguage": {
				"sProcessing":   "Procesando...",
				"sLengthMenu": "_MENU_ registros por p&aacute;gina",
				"sZeroRecords":  "No se encontraron resultados",
				"sInfo":         "Mostrando desde _START_ hasta _END_ de _TOTAL_ registros",
				"sInfoEmpty":    "Mostrando desde 0 hasta 0 de 0 registros",
				"sInfoFiltered": "(filtrado de _MAX_ registros en total)",
				"sInfoPostFix":  "",
				"sSearch":       "Buscar:",
				"sUrl":          "",
				"oPaginate": {
					"sFirst":    "Primero",
					"sPrevious": "Anterior",
					"sNext":     "Siguiente",
					"sLast":     "&Uacute;ltimo"
				}
			}
		});
	});
</script>



<!-- Identificador de seccion -->
<div>
	<hr>
	<ul class="breadcrumb">
		<li>
			<a href="<?php echo(site_url("inicio")); ?>">Home</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(current_url()); ?>">Consultar Deudores</a>
		</li>
	</ul>
	<hr>
</div>

<!-- start: Botonera Superior -->
<div class="row-fluid">
	<a href="<?php echo(site_url("inicio")); ?>" class="quick-button-small span1">
		<i class="fa-icon-home"></i>
		<p>Home</p>
	</a>
</div>
<!-- end: Botonera Superior -->

<!-- Listado de Clientes -->
<div class="row-fluid">
	<div class="box span12">
		<div class="box-header" data-original-title>
			<h2><i class="fa-icon-list"></i><span class="break"></span>M&aacute;ximos Deudores</h2>
			<div class="box-icon">
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">			
			<table class="table table-striped table-bordered bootstrap-datatable datatable">
				<thead>
					<tr>						
						<th>Cliente</th>
						<th>Servicio</th>
						<th>Web</th>
						<th>Cantidad</th>
						<th>Estado</th>
						<th>Acciones</th>
					</tr>
				</thead>   
				<tbody>
					<?php
						$cantidadFacturasImpagas = 0;
						
						//Recorremos todas las facturas de servicios de clientes que nos paso el controlador y generamos la tabla html
						foreach ($facturas->result() as $factura){
							echo('<tr>');
								
								echo ('<td class="center">' . $factura->apellidoCliente . ', ' . $factura->nombreCliente);
								if($factura->facebook != "") echo('<a style="color:blue" target="_blanck" href="http://'.$factura->facebook.'"> (Face)</a>');
								echo ('</td>');
								
								echo ('<td class="center">' . $factura->nombreServicio . '</td>');
								echo ('<td class="center">' . $factura->url . '</td>');
								echo ('<td class="center">' . $factura->cantFacturasImpagas . '</td>');
								
								$cantidadFacturasImpagas += $factura->cantFacturasImpagas;
								
								if($factura->estadoServicio == 1)
									echo ('<td class="center"><span class="label label-success">Activo</span></td>');
								else
									echo ('<td class="center"><span class="label label-important">Suspendido</span></td>');
								
								echo('<td class="center">
										<a class="btn btn-success" href="'.site_url('factura/consultar/'.$factura->idSxC).'" title="Consultar Facturas">
											<i class="icon-list icon-white"></i>  
										</a>										
									</td>');
							echo('</tr>');
						}
					?>
				</tbody>
			</table>
			
			<table class="table table-striped table-bordered bootstrap-datatable datatable">
				<tbody>					
					<tr class="error">
						<td><strong>Ratio de Deuda:</strong></td>
						
						<td class="center">
							<strong								
								<?php 
									$ratio = $cantidadFacturasImpagas/$cantFacturas->num_rows()*100;
									
									if($ratio<10)
										echo('style="color:green"');
									else if($ratio<20)
										echo('style="color:yellow"');
									else
										echo('style="color:red"');
								?>>
							
							%<?php echo($ratio); ?>
							</strong>
						</td>				
					</tr>
				</tbody>
			</table>
		</div>
	</div><!--/span-->
</div><!--/row-->

<hr>